Git week1/iglesia

added some html elements and css

moved css to a new file

modified html elements and added CSS property

added change theme function

added media query

Usingai week2 iglesia

update html and added some style.
also added JS function.

update id name assign variable and added some operation using query selector and event Listener functions

dog year calculator

added CSS properties and some HTML elements

moved wrong order on html

initial commit

initial commit

created new file week1 and moved all files

Had to remove unnecessary files and change file from html to JS file only

created new branch for week-3 to create clean PR for review.

made some changes based on review from mentor

Frontend/using ai

feat: add OurValues section with values cards layout

refactor: simplify OuValues component using map and data array

Added crew data array with id, name, title, description and image
Implemented crew component to dynamically render crew members using map()
Displayed member  image, name in UI
Ensured each item has a unique key for react rendering.

Added responsive features for small devices
reduced spacing and  image width and font size on smaller devices
images centered so the card looks nice on mobile

Implement an OurPartners component in AboutUsPage: add a partners array referencing images in /public/business_partners and render partner logos. Insert the OurPartners section into the Crew page as a card. Update AboutUsPage.module.css with .partnersGrid and .partnerLogo styles and responsive adjustments for proper layout and sizing.

Rework the AboutUsPage values section to use semantic markup and CSS module class names. Replace the previous .our-values/.values-container/.card structure with a <section> containing a heading and new classes (ourValues, valuesContainer, valueCard, valueNumber, valueTitle, valueDescription). Update AboutUsPage.module.css with typography, dark background, card styling, and responsive adjustments. Also capitalize the crew section heading ("The Crew"). These changes improve styling consistency, modularity, and readability.

Move inline OurValues, OurCrew and OurPartners components out of AboutUsPage.jsx into their own files (OurValues.jsx, OurCrew.jsx, OurPartners.jsx) and import them from AboutUsPage.jsx. This cleans up the main page file, keeps component logic modular, and reuses AboutUsPage.module.css across the new component files.

React/week1

Advanced week3 clean

add planets data array with name, description, and thumbnail
implement isPlanetInWishlist, togglePlanetSelection, addPlanetToWishlist, removePlanetFromWishlist
render destination name, description, and image using map

move planet card UI into its own PlanetCard component
accept name, description, thumbnail, isSelected, togglePlanetSelection as props

render planet image, title, description and add/remove button
add button styling

display wishlist count with conditional empty state message
style wishlist count number
enlarge empty state astronaut icon
make planet cards responsive for mobile (max-width 768px)
convert round button to small square on small devices
replace hardcoded values with existing CSS variables in DestinationPage.module.css

 create NavItem component with title, link, isActive props
replace hardcoded nav items with .map() over navbarItems array
refactor navbarItems to include numbering in titles
make navbar responsive: shrink font and spacing on tablets and mobile
hide GALACTICA logo on small devices reduce crowded wording

 import Link from react-router-dom for client-side navigation
implement Pages section with links to About Us, Destination, and NASA Collaboration
use Link component instead of <a> tags to avoid page reloads
linked footer component to layout

create SocialMediaItem component for footer social links
replace hardcoded social list items in Footer with mapped data
add and use icons from /public/socialmedia (downloaded from Flaticon)
style social icons to a small consistent size in Footer.module.css
remove list decoration and reset spacing for footer Pages list

React/week2

add useState for customWishlistItem with initial empty string
implement onAddItemPressed to prevent empty values, add item, and reset fields
connect customWishlistItem state to the text input
connect setThumbnail to the thumbnail select
import and render AddWishlistItem in DestinationPage

…e of the day

add API_KEY and currentDate for dynamic date-based requests
define NASA_URLs for APOD and Mars rover photo endpoints
add useState for dailyImg, roverPhoto, isLoadingRoverPhotos, and roverError
fetch rover photos and APOD data inside useEffect on mount
add try/catch/finally error handling for rover photo fetch
render APOD title, image, and explanation
render rover photos with loading, error, and empty state handling

- Replace hardcoded API_KEY with import.meta.env.VITE_NASA_API_KEY
- Add .env.example as a template for required env variables

React/week3